<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Viewport</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
</head>
<body>
<div class="mes">
    新用户无需注册，使用短信验证码可直接登录
</div>
<div class="inp">
    <div class="icon i01"></div>
    <div class="inp-inner"></div>
    <input type="text">
</div>
<!--
现在的手机分辨率越来越高但手机大小没有改变，导致手机展示的点阵是很多的，电脑屏幕里的一个像素（px）代表一个像素点，在高清屏特别是苹果的视网膜屏中，一个像素代表多个像素点，所以清晰画质好。会导致边框/文字大小很粗。IP6等视网膜屏边框2倍粗的淘宝解决方案：js创建一个meta标签，缩放比例，scale换成0.5，ip7甚至以上可能需要0.3。
-->
<script>
    //手机淘宝参考
    var metaEl = doc.createElement('meta');
    var scale = isRetina ? 0.5 : 1;
    metaEl.setAttribute('name', 'viewport');
    metaEl.setAttribute('content', 'initial-scale=' + scale +
        ',maximum-scale=' + scale + ',minimum-scale=' + scale + ',user-scalable=no');
    if (docEl.firstElementChild) {
        document.documentElement.firstElementChild.appendChild(metaEl);
    } else {
        var wrap = doc.createElement('div');
        wrap.appendChild(metaEl);
        documen.write(wrap.innerHTML);
    }
</script>
</body>
</html>